{% extends "park/base.html" %}

{% block css %}
{% endblock %}

{% block content %}
<script type="text/javascript">
    var primary_menu = "menu_0";
    var sub_menu = "menu_0_0";
</script>

     <div class="col-sm-12">
         <div class="well">
{#             <h1 id="date">2015年2月7日</h1>#}
             <h3>欢迎使用<b style="color: green;">{{ p.name }}</b>化学品风险源分级管理与控制系统。</h3>
         </div>
     </div>

    <div class="col-md-12">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <div class="panel-title"><h3>园区基本信息</h3></div>
                <div class="panel-options">
                    <a href="/park/edit/" class="bg"><button type="button" class="btn btn-info">修改</button></a>
                    <!-- <a href="" data-rel="reload"><i class="entypo-arrows-ccw"></i></a> -->
                </div>
            </div>
            <div class="panel-body with-table"><table class="table table-bordered">
                <tbody>
                <tr>
                    <td width="20%">
                        <p>化工园名称</p>
                    </td>
                    <td>
                        <p>{{ p.name }}</p>
                    </td>
                </tr>
                <tr>
                    <td>所在省市</td>
                    <td>
                        <p>{{ p.address }}</p>
                    </td>
                </tr>
                <tr>
                    <td>建立时间</td>
                    <td>
                        <p class="text-muted">{{ p.create_time }}</p>
                    </td>
                </tr>
                <tr>
                    <td>占地面积</td>
                    <td>
                        <p class="text-muted">{{ p.area }}</p>
                    </td>
                </tr>
                <tr>
                    <td>主要产业类型</td>
                    <td>
                        <p class="text-muted">{{ p.production_type }}</p>
                    </td>
                </tr>
                <tr>
                    <td>园区简介</td>
                    <td>
                        <p class="text-muted">{{ p.info }}</p>
                    </td>
                </tr>
                      <tr>
                    <td>园区地图</td>
                    <td>
                        <p class="text-muted"><a href="/{{ p.address_path }}">{{ p.address_path }}</a></p>
                    </td>
                </tr>
                </tbody>
            </table></div>
        </div>

    </div>

{% endblock %}

{% block js %}

<script src="/static/js/date-choose.js"></script>
<script language="javascript">

    function getNextElement (field) {
        var form = field.form;
        for (var e = 0; e < form.elements.length; e++)
            if (field == form.elements[e])
                break;

        return form.elements[++e % form.elements.length];
    }
    function tabOnEnter (field, evt) {
        var keyCode = document.layers ? evt.which : document.all ?
                evt.keyCode : evt.keyCode;
        if (field.value.length == 1){
            getNextElement(field).focus();
            return false;
        }
    }
</script>
{% endblock %}